<template>
    <div class="credit-service">
      <div class="banner container-fuild text-center">个人中心</div>
      <div class="container">
        <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
          <el-tab-pane label="个人信息" name="Info"></el-tab-pane>
          <el-tab-pane label="律师认证" name="Credit"></el-tab-pane>
          <el-tab-pane label="债权列表" name="MyCredit"></el-tab-pane>
          <el-tab-pane label="线索列表" name="ChargeCredit"></el-tab-pane>
          <el-tab-pane label="我的交易" name="MyTrade"></el-tab-pane>
          <el-tab-pane label="金点子服务" name="GoldenIdea"></el-tab-pane>
          <el-tab-pane label="排行榜" name="MyRank"></el-tab-pane>
          <el-tab-pane label="我的财富" name="MyWealth"></el-tab-pane>
        </el-tabs>
        <component :is="activeName" :isfromLaywer="true"></component>
      </div>
    </div>
</template>

<script>
import Info from './user/Info';
import Credit from './user/Credit'
import MyCredit from './user/MyCredit'
import ChargeCredit from './ChargeCredit'
import MyTrade from './user/MyTrade'
import GoldenIdea from './user/GoldenIdea'
import MyRank from './user/MyRank'
import MyWealth from './user/MyWealth'
export default {
    name: 'LaywerCenter',
    components: {Info, Credit, MyCredit, ChargeCredit, MyTrade, GoldenIdea, MyRank, MyWealth },
    data(){
        return{
          activeName: 'Info',
        }
    },
    methods: {
      handleClick() {

      }
    },
}
</script>
<style scoped>
.banner {
    color: #fff;
    font-size: 30px;
    height: 300px;
    line-height: 150px;
    background-image: url('../assets/img/banner1.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
    background-position: center center;
}

/deep/ .el-tabs {
  width: 100%;
  margin-top: -40px;
  background: rgba(255,255,255,0.8);
}
/deep/ .el-tabs__nav {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
/deep/ .el-tabs__item {
  flex: 1;
  text-align: center;
}
.step-container {
  margin: 30px 0;
}
/deep/ .el-step__main {
  margin: 10px 0;
}
.upload-img {
  margin-bottom: 100px;
}
</style>

